<template class="task-template">
  <section id="order-section" class="section js-section u-category-order">
    <header class="section-header">
      <div class="section-wrapper">
        <h1>
          <svg class="section-icon"><use xlink:href="assets/img/icons.svg#icon-native-ui"></use></svg>
          订单管理
        </h1>
      </div>
    </header>
    <div id="container">
      <div style="height:100%;">
          <div class="section-operation" style="padding-top:15px;">            
              <div style="float:right;margin-right: 10px;">
                  <select id="selectOrderState">
                      <option value="-1">全部</option>
                      <option value='0'>待处理</option>
                      <option value='1'>已处理</option>
                  </select>
                  <button id="btnRefresh" class="btn btn-sm" style="height:20px;padding-top: 0px;background-color: white;">刷新</button>
              </div>            
          </div>
          <table class="table table-condensed">
              <thead>
                <tr>
                  <th>
                    订单号
                  </th>
                  <th>
                      用户名
                  </th>
                  <th>
                      描述
                  </th>
                  <th>
                    截止日期
                  </th>
                  <th>
                    状态
                  </th>                
                  <th>
                      操作
                  </th>
                </tr>
              </thead>
              <tbody id="orderfiles">
              </tbody>
            </table>
            <div id="pagination" class="pagination" style="margin-top:10px;margin-bottom: 0px;"></div>
      </div>
  </div>

    <script type="text/javascript">
      require('./renderer-process/order')
    </script>

  </section>
</template>
